<template>
  <div>
    <h1 v-color>app</h1>
    <input
      type="text"
      v-focus
    />
  </div>
</template>

<script>
import { onMounted, onUnmounted } from 'vue'
export default {
  created() {
    console.log('created')
  },
  mounted() {
    console.log('mounted')
  },
  unmounted() {
    console.log('unmounted')
  },
  setup() {
    onMounted(() => {
      console.log('onMounted')
    })

    onUnmounted(() => {
      console.log('onUnmounted')
    })
    return {}
  },
}
</script>

<style
  lang="scss"
  scoped
></style>
